﻿<html>
<head>
    <script type="text/javascript" src="~/Assets/Scripts/libs/jquery.min.js"></script>
    <title>动火票打印</title>
    <script src="~/Bussiness/js/base/jquery.min.js"></script>
    <script>

        window.onload = function () {
            //loadqrcode();
            loadticketinfo();
        };


        function loadqrcode() {

        }

        function loadticketinfo() {
            var ticketid = '@(Request.QueryString["TicketId"].IsEmpty() ? "" : Request.QueryString["TicketId"])';
            $.ajax({
                type: "post",
                url: '../Construction/GetFireOperateTicketDetail',
                data: { 'TicketId': ticketid },
                success: function (datas) {
                    if (datas != null) {
                        //$('#qrcode').html("")
                        //var qrcode = new QRCode(document.getElementById("qrcode"), {
                        //    width: 110,
                        //    height: 110
                        //});
                        //var ip = "http://" + window.location.host;
                        //qrcode.makeCode(ip + "/Floor/FireOperationTicketScanInfo?FormId=" + datas.Data.FormId + "&TicketId=" + ticketid);

                        //编号
                        $("#TicketNo").html(datas.Data.TicketNo);
                        $("#TicketNo2").html(datas.Data.TicketNo);
                        //动火项目
                        var operatetype = datas.Data.OperateTypeId;
                        if (operatetype != null && operatetype != "") {
                            var operatelist = operatetype.split(',');
                            for (var i = 0; i < operatelist.length; i++) {
                                $("#type_" + (operatelist[i])).attr("checked", "checked");
                            }
                        }
                        // $("#Type_" + datas.Data.IsOutDoorValue).attr("checked", "checked");
                        var isoutdoor = datas.Data.IsOutdoor.split(',');
                        for (var i = 0; i < isoutdoor.length; i++) {
                            $("#Type_" + isoutdoor[i]).prop("checked", "checked")
                        }
                        $("#factory_" + datas.Data.FactoryAreaId).attr("checked", "checked");
                        //动火日期
                        $("#OperateDate").html(ParseDate(datas.Data.OperateDate));
                        $("#Department").html(datas.Data.DepartmentName);
                        $("#Company").html(datas.Data.CompanyName);
                        $("#CompanySupervisorContact").html(datas.Data.Phone);
                        $("#Location").html(datas.Data.Location);
                        $("#FireLevel").html(datas.Data.LevelName);
                        $("#OperateStartTime").html(ParseDate(datas.Data.OperateStartTime));
                        $("#OperateEndTime").html(ParseDate(datas.Data.OperateEndTime));
                        $("#ApproveStartTime").html(ParseDateTime(datas.Data.ApproveStartTime));
                        $("#ApproveEndTime").html(ParseDateTime(datas.Data.ApproveEndTime));
                        //$("#OperateDate2").html(ParseDate(datas.Data.OperateDate));
                        $("#OperateCompleteTime").html("&nbsp;");
                        $("#Supervisor").html(datas.Data.FiremanName);
                        $("#SupervisorContact").html(datas.Data.FiremanNamePhone);
                        $("#ProjectName").html(datas.Data.ProjectName);
                    }
                }, error: function (err) { }
            })
        }

        function ParseDate(date) {
            var str = date.replace("/Date(", "").replace(")/", "");
            var datetime = parseInt(str);
            var time = new Date(datetime);
            var year = time.getFullYear();
            var month = time.getMonth() + 1;
            var day = time.getDate();
            return year + "年" + month + "月" + day + "日";
        }

        function ParseDateTime(date) {
            var str = date.replace("/Date(", "").replace(")/", "");
            var datetime = parseInt(str);
            var time = new Date(datetime);
            var year = time.getFullYear();
            var month = time.getMonth() + 1;
            var day = time.getDate();
            var hour = time.getHours();
            var minute = time.getMinutes();
            return year + "年" + month + "月" + day + "日 " + hour + "时" + minute+"分";
        }
    </script>
    <style>
        #content {
            text-align: justify;
        }

            #content p {
                margin: 7px auto;
                line-height: 24px;
                width: 850px;
                letter-spacing: 1px;
                font-size: 17px;
                text-indent: 32px;
                font-family: 宋体;
                text-align: justify;
                text-justify: distribute-all-lines;
            }
    </style>
</head>
<body style="background-color:white;width:100%;">
    <div class="nesting main-content" style="padding-left: 0px;"
         ng-init=" ">
        <form>
            <div class="row" id="div_print">
                <div style="width:900px;padding-left:0px;font-size:19px;margin:0px auto;">
                    <p style="text-align:center;font-size:12px;margin:15px;margin-top:50px;"></p>
                    <p style="text-align:center;font-size:26px;margin:0px; ">上海飞机制造有限公司</p>
                    <p style="text-align: center; font-size: 26px; margin: 0px; ">临时动用明火许可证</p>
                    <p style="position: absolute; top: 0px; left: 0px; font-size: 14px;">编号: <font id="TicketNo"></font></p>
                    <div style="position:absolute;top:10px;right:10px;display:none;">
                        <div id="qrcode" style="width:110px;height:110px;margin:0px auto;">
                        </div>
                        <p style="font-size:12px;font-family:微软雅黑;" id="TicketNo2"></p>
                    </div>
                    <div style="width:100%;margin:30px auto;margin-top:50px; display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:15%; float:left;">
                                项目名称：
                            </div>
                            <div id="ProjectName" style="width:40%;float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:0px auto;display:block;">
                        <div style="width:100%;height:80px;">
                            <div style="width:20%; float:left;">
                                种类：
                            </div>
                            <div style="width:20%; float:left;">
                                <label>
                                    <input type="checkbox" name="Type" id="type_1" />
                                    <span>焊接</span>
                                </label>
                            </div>
                            <div style="width: 20%; float: left;">
                                <label>
                                    <input type="checkbox" name="Type" id="type_2" />
                                    <span>气割</span>
                                </label>
                            </div>
                            <div style="width: 20%; float: left;">
                                <label>
                                    <input type="checkbox" name="Type" id="type_3" />
                                    <span>切削</span>
                                </label>
                            </div>
                            <div style="width: 20%; float: left;">
                                <label>
                                    <input type="checkbox" name="Type" id="type_4" />
                                    <span>其他</span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:30px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:8%; float:left;">
                                日期：
                            </div>
                            <div id="OperateDate" style="width:20%; float:left;text-align:center;  border-bottom:1px solid;margin-right:20px;">

                            </div>
                            <div style="width:15%; float:left;">
                                申请部门：
                            </div>
                            <div id="Department" style="width:25%; float:left;text-align:center;  border-bottom:1px solid;margin-right:20px;">

                            </div>
                            <div style="width:25%; float:left;text-align:left;">
                                <div style="width:50%; float:left;">
                                    <label>
                                        <input type="checkbox" name="Type" id="Type_1" />
                                        <span>室内</span>
                                    </label>
                                </div>
                                <div style="width:50%; float:left;">
                                    <label>
                                        <input type="checkbox" name="Type" id="Type_2" />
                                        <span>室外</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:30px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:15%; float:left;">
                                施工单位：
                            </div>
                            <div id="Company" style="width:30%;float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                            <div style="width:15%; float:left;">
                                联系电话：
                            </div>
                            <div id="CompanySupervisorContact" style="width:30%; float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:30px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:15%; float:left;">
                                动火地点：
                            </div>
                            <div id="Location" style="width:30%; float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                            <div style="width:15%; float:left;">
                                动火等级：
                            </div>
                            <div id="FireLevel" style="width:30%; float:left;text-align:center; border-bottom:1px solid;">

                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:30px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:15%; float:left;">
                                有效期限：
                            </div>
                            <div id="OperateStartTime" style="width:30%; float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                            <div style="width:5%; float:left;">
                                起
                            </div>
                            <div id="OperateEndTime" style="width:30%; float:left;text-align:center; border-bottom:1px solid;">

                            </div>
                            <div style="width:5%; float:left;">
                                止
                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:40px auto;display:block;">
                        <div style="width:100%;height:250px;">
                            <div style="width:7%; float:left;">
                                限制：
                            </div>
                            <ul style="width:82%;float:left;list-style:none;margin:0px;">
                                <li style="width:100%;border-bottom:1px solid;margin-top:0px;">1.动火前清理现场易燃易爆的物质；</li>
                                <li style="width:100%;border-bottom:1px solid;margin-top:10px;">2.动火时，操作人员必须持本人有效的操作证；</li>
                                <li style="width:100%;border-bottom:1px solid;margin-top:10px;">3.动火单位监护人员必须全程现场监护；</li>
                                <li style="width:100%;border-bottom:1px solid;margin-top:10px;">4.现场配备有效的灭火器材；</li>
                                <li style="width:100%;border-bottom:1px solid;margin-top:10px;">5.遵守动火操作规程；</li>
                                <li style="width:100%;border-bottom:1px solid;margin-top:10px;">6.动火结束后，确认没有任何遗留火源，动火人员方可离开作业现场；</li>
                            </ul>
                        </div>
                    </div>
                    <div style="width:100%;margin:35px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:15%; float:left;">
                                批准期限：
                            </div>
                            <div id="ApproveStartTime" style="width:30%; float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                            <div style="width:5%; float:left;">
                                起
                            </div>
                            <div id="ApproveEndTime" style="width:30%; float:left;text-align:center; border-bottom:1px solid;">

                            </div>
                            <div style="width:5%; float:left;">
                                止
                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:35px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:18%; float:left;">
                                防火监督人姓名：
                            </div>
                            <div id="Supervisor" style="width:32%; float:left;text-align:center; margin-right:30px; border-bottom:1px solid;">

                            </div>
                            <div style="width:12%; float:left;">
                                电话号码：
                            </div>
                            <div id="SupervisorContact" style="width:32%; float:left;text-align:center; border-bottom:1px solid;">

                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:35px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:12%; float:left;">
                                完成时间：
                            </div>
                            <div id="OperateCompleteTime" style="width:33%; float:left;text-align:center;  border-bottom:1px solid;margin-right:20px;">

                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:15px auto;display:block;">
                        <div style="width:100%;height:50px;">
                            <div style="width:2%; float:left;">
                                注：
                            </div>
                            <ul style="width:88%;float:left;list-style:none;margin:0px;">
                                <li style="width:100%;margin-top:0px;">1.动火现场无消防员监护，禁止动火作业；</li>
                                <li style="width:100%;margin-top:15px;">2.背面临时动用明火/喷漆作业规定，执行人和监护人阅读后应严格执行并监督；</li>
                            </ul>
                        </div>
                    </div>
                    @*<div style="font-size:12px;width:100%; margin-top:50px; padding-top:15px; text-align:center;">1/2</div>*@
                <div style="width:100%;margin:120px auto;display:block;font-size:19px;margin-bottom:0px;">
                    <p style="font-size:20px;font-weight:bold;text-align:center;padding-top:50px;"><b>动火作业安全承诺</b></p>
                    <div id="content">
                        <p>一、高处作业动火时，应采取防止焊花飞溅的措施，如下部有孔洞、地沟、管道等，作业前应仔细检查分析，应清理或封盖15m范围内的可燃物，采取有效措施消除火灾隐患。并应在火花可能溅落的部位安排监火人；遇有5级以上(含5级)风应停止焊接、切割等室外动火作业，确需动火作业时，必须采取可靠的挡风措施。</p>
                        <p>二、在禁火区域临时动火时，能够采用其他方法切割、连接的，应尽可能以其他方法代替，避免动火作业；</p>
                        <p>三、在禁火区域临时动火时，动火的零部件、构件、管件等，凡是能够拆卸的，应事先拆下，移至非禁火区域内动火；</p>
                        <p>四、因工作需要，必须在禁火区域临时动火的，作业前应对作业现场进行安全检查；测定可燃气体或粉尘浓度是否合格，检测数据30分内有效，动火作业停止或中断30分钟需重新动火的，必须重新检测， 每两个小时记录一次可燃气体或粉尘浓度；制定防火措施，确认防火安全措施完善后，方可进行作业。作业中要安排专人全程监护，作业后要清理现场，确认无火种方可离开现场。</p>
                        <p>五、临时动用明火作业的操作人员应持有效证件上岗。操作人员在上岗前，要认真做好各项火灾预防措施，清除或隔离现场可燃、易燃物质，配备足够的消防器材，落实灭火措施。如手续不完备，不得擅自动火。</p>
                        <p>六、动火期间不得在动火点10m范围内及用火点下方同时进行可燃溶剂处理或喷漆等作业，焊接作业时，乙炔气瓶、氧气瓶与明火及各种热源的距离不得少于10米。乙炔气瓶与氧气瓶之间的距离不得少于5米，并不得在烈日下暴晒。</p>
                        <p>七、高空焊接和切割作业时，应采取防止焊花飞溅的措施，如下部有孔洞、地沟、管道等，作业前应仔细检查分析，应清理或封盖15m范围内的可燃物，采取有效措施消除火灾隐患。</p>
                        <p>八、动火作业间断或结束时，应对动火现场进行彻底地检查清理，确认火种全部熄灭后，方可离开现场。</p>
                        <p>九、下列情况严禁动火作业:</p>
                        <p>1.没有办理正式的动火审批手续的，不得进行动火作业；</p>
                        <p>2.焊工必须持证上岗，无特种作业人员安全操作证的人员，不得进行焊、割作业；</p>
                        <p>3.焊工不了解焊、割现场周围的情况，不得进行焊、割作业；</p>
                        <p>4.焊工不了解焊件内部是否安全时，不得进行焊、割作业；</p>
                        <p>5.用可燃材料（如:木材、聚丙烯薄膜、玻璃瓶、草席、沥青等）做保温、冷却、隔音、隔热的部位，火星能飞溅到的地方，在未经采取切实可靠的安全措施之前，不得进行焊、割作业；</p>
                        <p>6.盛装过可燃气体、易燃液体、有毒物质的各种容器，未彻底清洗，不得进行动火作业；</p>
                        <p>7.压力容器或管道未泄压前，不得进行动火作业；</p>
                        <p>8.风力达5级以上的露天作业；</p>
                        <p>9.焊割部位附近堆有易燃易爆物品，未能彻底清理或未采取有效的安全措施前，不得进行动火作业；</p>
                        <p>10.附近有与明火作业相抵触的工种在作业时，不得进行动火作业；</p>
                        <p>11.未设专人监护，不得进行动火作业。</p>
                        <p style="letter-spacing:1px; margin:5px auto; padding: 0px;font-weight:bold;">
                            我已知晓以上三级动火的管理规定，我们将严格按规定执行。
                        </p>
                        <p style="letter-spacing:1px; margin:5px auto; padding: 0px;font-weight:bold;">
                            如遇火情，会使用消防器材进行初步扑救，并立即拨打公司消防报警电话。
                        </p>
                    </div>

                    <div style="width:100%;margin:15px auto;display:block;padding-left:30px;">
                        <div style="width:80%;height:50px;margin-left:50px;">
                            <div style="width:4%; float:left;">
                                <input type="checkbox" id="factory_1" />
                            </div>
                            <div style="width:10%; float:left;">
                                浦东
                            </div>
                            <div style="width:15%; float:left;text-align:center;  border-bottom:1px solid;margin-right:20px;">
                                20856119
                            </div>
                            <div style="width:4%; float:left;">
                                <input type="checkbox" id="factory_2" />
                            </div>
                            <div style="width:10%; float:left;">
                                大场
                            </div>
                            <div style="width:15%; float:left;text-align:center;  border-bottom:1px solid;margin-right:20px;">
                                20853119
                            </div>
                        </div>
                    </div>
                    <div style="width:100%;margin:5px auto;display:block;height:20px;">
                        <div style="width:65%; float:left;">
                            &nbsp; &nbsp;
                        </div>
                        <div style="width:8%; float:left;">
                            动火人:
                        </div>
                        <div style="width:20%; float:left;text-align:center;height:20px;  border-bottom:1px solid;margin-right:20px;">
                            <img id="operator_sign" width="100" style="margin-top:-20px;" />
                        </div>
                    </div>
                    <div style="width:100%;margin:25px auto;display:block;height:20px;">
                        <div style="width:65%; float:left;">
                            &nbsp; &nbsp;
                        </div>
                        <div style="width:8%; float:left;">
                            监护人:
                        </div>
                        <div style="width:20%; float:left;text-align:center;height:20px;  border-bottom:1px solid;margin-right:20px;">
                            <img id="fireman_sign" width="100" style="margin-top:-20px;" />
                        </div>
                    </div>
                    <div style="width:100%;margin:25px auto;display:block;height:20px;">
                        <span style="float:right;">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    </div>
                    <div style="width:100%;margin:30px auto;display:block;height:15px;margin-bottom:0px;">
                        <div id="SignDate" style="width:35%; float:right;text-align:center;margin-right:5px;">

                        </div>
                    </div>
                </div>
                    @*<div style="font-size:12px;width:50%; text-align:center; margin:10px auto;">2/2</div>*@
                </div>
            </div>
        </form>
    </div>

</body>
</html>